.info-display {
	display: flex;
	height: 15rem;

	.chart {
		width: 20rem;
		height: 11.5rem;
	}

	.empty-container {
		width: 20rem;
		display: flex;
		justify-content: center;
		align-items: center;

		.empty {
			width: 10rem;
			height: 10rem;
		}
	}

	.info {
		display: flex;
		flex: 1;
		flex-direction: column;

		.resp-time {
			display: flex;
			flex: 1;
			justify-content: space-between;

			.node-info {
				flex: 1;
				min-width: 10rem;
				height: 8.5rem;
			}

			.node-info + .node-info {
				margin-left: 3rem;
			}
		}

		.node {
			margin-bottom: 1.5rem;

			.text {
				margin-right: 0.5rem;
			}

			.tag {
				display: inline-block;
				margin: 0 0.5rem;
				padding: 0.5rem 1rem;
				color: var(--color-error);
				font-size: var(--text-sm);
				border: 1px solid var(--color-error);
				border-radius: 2px;
			}
		}
	}
}
